@charset "UTF-8";
@import "common/_common";

.web {
  header {
    .h_center {
      text-align: center;
      margin-top: r(45px);
      span {
        font-size: r(26px);
      }
    }
  }
  main {
    .discover_search {
      width: 100%;
      text-align: center;
      .search {
        margin: 0 auto;
      }
    }
    .every_search {
      width: 90%;
      margin: r(32px) auto 0 auto;
      padding-bottom: r(20px);
      p {
        font-size: r(26px);
        color: #dcdcdc;
        padding-bottom: r(15px);
      }
      .evsearch_content {
        display: flex;
        justify-content: space-between;
        padding-left:r(20px);
        ul {
          li {
            display: inline-block;
            width: r(125px);
            height: r(64px);
            background-color: #dcdcdc;
            line-height: r(64px);
            text-align: center;
            margin-bottom: r(10px);
          }
        }
      }
    }
    .discover_hot {
      width: 95%;
      margin: 0 auto;
      .hot_left {
        width: 40%;
        height: r(350px);
        overflow: hidden;
        padding-right: r(10px);
        display: inline-block;
        vertical-align: top;
        img {
          width: 100%;
        }
      }
      .hot_right {
        display: inline-block;
        width: 59%;
        vertical-align: top;
        .hr_top {
          width: 100%;
          height: r(147px);
          overflow: hidden;
          img {
            width: 100%;
          }
        }
        .hr_down {
          width: 100%;
          display: flex;
          justify-content: space-between;
          padding-top:r(10px);
          .hrd_lf,.hrd_rg{
            width: 49%;
            height:r(182px);
            overflow: hidden;
            img {
              width:100%;
            }
          }
        }
      }
    }
    .recommended_div {
      width:95%;
      margin:0 auto;
      display:flex;
      justify-content: space-between;
      .recommended_div_img {
        width:r(228px);
        height:r(200px);
        overflow: hidden;
        img {
          width:100%;
        }
      }
    }
  }
}